@import '~taro-ui/dist/style/components/flex.scss';
@import '~taro-ui/dist/style/components/avatar.scss';
.wrapper {
  padding: 20px 30px;
  border-bottom: 2px solid #D8D8D8;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  .btn{
      position: absolute;
      color: #FFB700;
      top: 20px;
      right: 40px;
      font-size: 28px;
      border: none;
      border: 2px solid  #FFB700;
      padding:0px 36px ;
      line-height: 50px;
      background-color: #fff;
  }
  .right {
    margin-left: 20px;
    .rank{
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
      margin: 10px 0;
    }
    .noto {

      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      color: #999999;
      font-size: 28px;
    }
    .footer{
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        font-size: 28px;
        View:nth-of-type(1){
            color:#FF3B30 ;
        }
    }
  }
}